<template>
  <div class="success-box">

    <div class="suc-logo"><img src="./success.png" class="logo" onclick="return false"/></div>
    <div class="suc-txt">工资卡绑定成功</div>

    <div class="btn-box">
      <button type="button" class="btn" @click="confirm">返回</button>
    </div>
  </div>

</template>

<script>

  export default {
    methods: {
      confirm() {
        if (sessionStorage.getItem("salary_sgin") == "001122") {
          this.$router.push("/salary");
        } else if (sessionStorage.getItem("entry_sgin") == "001111") {
          this.$router.push("/entry");
        } else {
          this.$router.push("/paycard_manage");
        }
      }
    }
  }
</script>

<style lang="stylus" scoped>
  .success-box
    width: 100%
    height: 100%
    .suc-logo
      display: flex
      justify-content: center
      margin-top: 1.867rem
      .logo
        width: 1.133rem
        height: 1.133rem
    .suc-txt
      display: flex
      justify-content: center
      margin-top: 0.32rem
      font-size: 0.44rem
      color: rgba(147, 147, 147, 1)
    .btn-box
      position: fixed
      bottom: 0.48rem
      width: 100%
      height: 1.333rem
      text-align: center
      .btn
        width: 92.53%
        height: 1.333rem
        line-height: 1.333rem
        background: rgba(60, 175, 255, 1)
        border: 1px solid rgba(230, 230, 230, 1)
        border-radius: 0.133rem
        font-size: 0.533rem
        color: rgba(255, 255, 255, 1)
</style>
